- page_title _('Milestones')
- add_page_specific_style 'page_bundles/milestone'

.page-title-holder.d-flex.align-items-center
  %h1.page-title.gl-font-size-h-display= _('Milestones')

  - if current_user
    .page-title-controls
      = render 'shared/new_project_item_vue_select'

- if @milestone_states.any? { |name, count| count > 0 }
  .top-area
    = render 'shared/milestones_filter', counts: @milestone_states
    .nav-controls
      = render 'shared/milestones/search_form'

  - if @milestones.blank?
    = render 'shared/empty_states/milestones_tab', active_tab: params[:state] do
      - if current_user
        .page-title-controls
          = render 'shared/new_project_item_vue_select'
  - else
    .milestones
      %ul.content-list
        - @milestones.each do |milestone|
          = render 'milestone', milestone: milestone
      = paginate @milestones, theme: 'gitlab'
- else
  = render 'shared/empty_states/milestones' do
    - if current_user
      .page-title-controls
        = render 'shared/new_project_item_vue_select'
